<template>
	<view class="anli">
		<view class="status_bar">
		</view>
		<view class="yujing-word1">
			案例
		</view>
		<view class="anli-image">
			<view class="anli-box" >
				<view class="box-left"  @click="to_dianxin">
					<image src="../../static/anli/dianxin.jpg"></image>
					<view class="box-word">
						电信
					</view>
				</view>
				<view class="box-left"  @click="to_jiguan">
					<image src="../../static/anli/jiguan.jpg" mode=""></image>
					<view class="box-word">
						机关
					</view>
				</view>
			</view>
		</view>
		
		<view class="anli-image">
			<view class="anli-box">
				<view class="box-left" @click="to_jiedai()">
					<image src="../../static/anli/jiedai.jpg" mode=""></image>
					<view class="box-word">
						借贷
					</view>
				</view>
				<view class="box-left" @click="to_licai">
					<image src="../../static/anli/licai.png" mode=""></image>
					<view class="box-word">
						理财
					</view>
				</view>
			</view>
		</view>
		<view class="anli-image">
			<view class="anli-box">
				<view class="box-left" @click="to_wanggou">
					<image src="../../static/anli/wanggou.jpg" mode=""></image>
					<view class="box-word">
						网购
					</view>
				</view>
				<view class="box-left" @click="to_shuadan">
					<image src="../../static/anli/shuadan.jpg" mode=""></image>
					<view class="box-word">
						刷单
					</view>
				</view>
			</view>
		</view>
		<view class="anli-image">
			<view class="anli-box">
				<view class="box-left" @click="to_luoliao">
					<image src="../../static/anli/luoliao.jpg" mode=""></image>
					<view class="box-word">
						裸聊
					</view>
				</view>
				<view class="box-left" @click="to_wanglian">
					<image src="../../static/anli/wanglian.jpg" mode=""></image>
					<view class="box-word">
						网恋
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		onLoad() {
	
		},
		onShow() {
	
		},
	
		data() {
			return {
				
	
			}
		},
		methods: {
			to_dianxin(){
				uni.navigateTo({
					url:"anniu/dianxin"
				})
			},
			to_jiguan(){
				uni.navigateTo({
					url:"anniu/jiguan"
				})
			},to_jiedai(){
				uni.navigateTo({
					url:"anniu/jiedai"
				})
			},to_licai(){
				uni.navigateTo({
					url:"anniu/licai"
				})
			},to_wanggou(){
				uni.navigateTo({
					url:"anniu/wanggou"
				})
			},to_shuadan(){
				uni.navigateTo({
					url:"anniu/shuadan"
				})
			},to_luoliao(){
				uni.navigateTo({
					url:"anniu/luoliao"
				})
			},to_wanglian(){
				uni.navigateTo({
					url:"anniu/wanglian"
				})
			}
		}
	
	}
</script>

<style>
	page {
		background-image: url(@/static/yujing/yujingbg.png) ;
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-size: 100% 100%;
	}
	*{
		padding: 0%;
		margin: 0%;
	}
	image{
		display: flex;
	}
	.status_bar {
	        height: var(--status-bar-height);
	        width: 100%;
	    }
	.yujing-word1{
		color: white;
		font-size: 40rpx;
		margin:40rpx auto;
		margin-bottom: 120rpx;
		text-align: center;
		letter-spacing: 15rpx;
	}
	.anli-box{
		width: 90%;
		margin:10rpx auto;
		display: flex;
		justify-content: space-between;
		text-align: center;
		font-weight: bold;
	}
	.anli-box image{
		width: 300rpx;
		height: 230rpx;
	}
</style>